<div ng-controller="low_gradeController">
<!--<div>-->
    <div style="width: 95%; margin: auto; position: relative;">
        <table class="table table-striped" style="width: 100%">
            <thead>
            <tr>
                <th style="text-align: center">Logo</th>
                <th style="text-align: center">Name</th>
                <th style="text-align: center">Tel</th>
                <th style="text-align: center">Grade</th>
                <th style="text-align: center">Status</th>
                <th></th>
            </tr>
            </thead>
            <tbody id="merchant-list">
            <tr ng-repeat="merchant in merchants | orderBy : ['status', 'createDate'] | filter : {status : 1}" id="lowGrade-{{merchant._id}}">
                <td class="list-td merchant-list-detail"><img style="width:95px"
                                                              ng-src="http://zha-ita113-w7:8089/{{merchant.detail[0].logo}}">
                </td>
                <td class="list-td" width="13%">{{ merchant.detail[0].mname }}</td>
                <td class="list-td" width="13%">{{merchant.detail[0].mtel}}</td>
                <td class="list-td" width="13%">{{merchant.detail[0].grade}}</td>
                <td id="status-{{merchant._id}}" class="list-td" width="13%">{{merchant.status | convertStatus}}</td>
                <td class="list-td" width="7%">
                    <button ng-click="openWarning(merchant)"  ng-disabled="{true : false, false: true}[merchant.status == 1]" class="btn" ng-class="{true : 'btn-danger', false: ''}[merchant.status == 1]"
                            class="btn">
                        Block
                    </button>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <div ng-include="'/client/pages/merchantWarning_modal.html'"></div>
</div>